@charset "utf-8";
/* CSS Document */


*{outline: none;}

img {border: 0;}


/*--Main Container--*/

.slider_shadow {
	width: 430px;	height: 292px;	background-image: url(../images/PhotoSliderShadow.png);
}

.main_view {
	float: left;	position: relative;
}

/*--Window/Masking Styles--*/

.window {
	height: 266px;		width: 400px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;	border: solid 4px #000;	background-color: #111;	z-index: 50;
}

.image_reel {
	position: absolute;	top: 0;	left: 0;
}

.image_reel div {
	float: left;	height: 266px;	width:400px;	position:relative;	text-align:center;
}

.image_reel div.image_desc_box {
	width: 380px;		height: 40px;	position: absolute;	top: 0px;	left: 0px;	opacity: 0.6;		filter: alpha(opacity=60);	z-index: 75;	background-color:#FF5;
	font-size: 12px;	color: #000;	border-color: #FF0;		border-style: solid;	border-width: 1px;	border-right:none; border-left:none;	font-weight: bold;	font-family: Verdana, Geneva, sans-serif;
	line-height:20px;	padding:5px 10px 5px 10px;
	visibility:hidden; /*-- visibilità nascosta all'avvio --*/
}

.image_reel span.image_desc_box_title {
	float: left;	text-align: left;	opacity: 1;		filter: alpha(opacity=100);	width:225px;	overflow:hidden;	white-space:nowrap;	text-overflow:ellipsis;
}

.image_reel span.image_desc_box_place {
	float: left;	text-align: left;	opacity: 1;		filter: alpha(opacity=100);	width:360px;	overflow:hidden;	white-space:nowrap;	text-overflow:ellipsis;
}

.image_reel span.image_desc_box_data {
	float: right;	opacity: 1;		filter: alpha(opacity=100);
}



/*--Paging Styles--*/

.paging {
	position: absolute;		bottom: 40px; right: -7px;	width: 178px;	height:34px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;		padding-top: 13px;	line-height: 40px;	background: url(../images/AutoImageSliderBar.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

.paging a {
	padding: 5px;	text-decoration: none;	color:#000;	z-index: 101;
}

.paging a.active {
	font-weight: bold;			background: #C09200;		border: 1px solid #606000;
	-moz-border-radius: 3px;	-khtml-border-radius: 3px;	-webkit-border-radius: 3px;
}

.paging a:hover {
	font-weight: bold;
}
